@media (min-width: 768px) and (max-width: 1030px) {

    .container-seo{
        margin: 0rem 1.875rem 0rem 1.875rem;
        flex-direction: row;
        height: 100%;
    }

    .container-seo--{
        display: flex;
        flex-direction: row;
    }
   
    .container-seo--img h2,
    .container-seo--img h3,
    .container-seo--img p{
        text-align: start;
        font-weight: 600;
        font-size: 1.6rem;
        margin: 1rem 0rem;
    }

    .container-seo--img {
        height: 100%;
    }

    .container-seo--img p{
        text-align: start;
        font-size: 1.4rem;
        max-width: 96%;
        font-weight: 400;
    }

    .container-seo--img img{
        width: 96%;
        height: 50%;
    }
    
    .container-1{
        padding: 2rem 1.875rem 1rem 1.875rem;
        display: flex;
        flex-direction: column;
        background-color: #ededed;
    }

    .container-1 p:nth-child(1) {
        text-align: center;
        font-size: 2.5rem;
    }

    .container-1--{
        display: flex;
        margin: 0;
    }

    .container-1-- p:nth-child(1){
        max-width: 40%;
        text-align: left;
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 1.4rem;
    }
    
    .container-2{
        margin: 0rem 1.875rem 0rem 1.875rem;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .container-2 img{
        width: 5rem;
    }

    .container-3{
        margin: 1rem 1.875rem 1rem 1.875rem;
    }

    .container-3--{
        display: flex;
        flex-direction: row;
    }

    .container-3--img {
        max-width: 50%;
    }

    .container-3--img img {
        width: 100%;
        height: 30%;
    }

    p.container-3-p {
        text-align: center;
        font-size: 1.875rem;
    }

    .container-3--img p {
        font-size: 2rem;
        padding: 0.4rem;
        font-weight: 500;
        text-align: center;
    }

    .container-3--img p:nth-child(3) {
        font-size: 1.4rem;
        font-weight: 500;
        text-align: justify;
    }   
    
    .container-3--img p:nth-child(4) {
        font-size: 1.5rem;
        font-weight: 400;
    }

    .container-3--img button {
        font-size: 1rem;
    }

    .container-seo--img ul li {
        margin: 2rem 1.375rem 0rem 1.375rem;
        font-size: 1.4rem;
    }
    
    
  .review-item {
    flex: 0 0 50%; /* 2 tarjetas en tabletas */
  }

  .profile-img {
    width: 80px;
    height: 80px;
  }

  .user-fullname {
    font-size: 16px;
  }

  .rating-section {
    font-size: 18px;
  }

  .feedback-text {
    font-size: 14px;
  }
  
  .testimonial-card {
    flex: 0 0 50%; /* 2 tarjetas en tabletas */
  }

  .nav-control {
    font-size: 22px;
    padding: 10px;
  }
}